<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>嵌套 选择器</title>
    <style>
        p{
            color: blue;
        }
        .marked{
            background-color: red;
        }
        .marked p{
            color: white;
        }
        p.marked{
            text-decoration: underline;
        }
    </style>
</head>
<body>
  <p>这个段落是蓝色文字，居中对齐</p>  
  <div class="marked">
      <p>这个段落不是蓝色文字</p>
  </div>
  <p>所有 class=“marked”元素内的p元素制定一个样式，但是不同的文本颜色</p>

  <p class="marked">带下划线p段落</p>
</body>
</html>